// 全局/品牌色
@brand-primary: #3384d7;
@brand-primary-tap: #0e80d2;
@brand-success: #3ac0a5;
@brand-warning: #ffe680;
@brand-error: #f2526f;
@brand-important: #fd484f; // 用于小红点
@brand-wait: #2a7dd1;

@color-text-base: #45526b;

html {
  color: @color-text-base;
}

html,
body,
#root {
  width: 100%;
  height: 100%;
}

/* Skeletons效果 */
.skeletons {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  min-height: 14px;
  background-color: #efefef;
}
.skeletons:empty::after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(216, 216, 216, 0.8),
    transparent
  );
  animation: loading 1.5s infinite;
}

@keyframes loading {
  /* 骨架屏动画 */
  from {
    left: -100%;
  }
  to {
    left: 120%;
  }
}
